@font-face {
  font-family: "sf apple";
  src: url("../font/pingfang.ttf");
}

body {
  font-family: "sf apple";
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
  font-size: 14px;
  color: #0066cc;
}

ul {
  list-style: none;
}

/* 顶部/立即选购 */

.box_top .top1 {
  border-bottom: 1px solid rgb(211, 211, 211);
}

.box_top .top {
  width: 1180px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.box_top .top .left a {
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

.box_top .top .right a {
  font-size: 12px;
  padding: 10px;
  line-height: 40px;
  color: #000;
}

.box_top .choose .text1 {
  background-color: #f5f5f7;
}

.box_top .choose .text {
  width: 1180px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.box_top .choose .text span {
  font-size: 14px;
}

.box_top .choose .text a {
  font-size: 14px;
  color: #06c;
}

/* 商品详情 */
.details {
  width: 1180px;
  margin: 0 auto;
  display: flex;
  padding: 30px 0;
  overflow: visible;
}

.details .left {
  width: 40%;
  display: flex;
  justify-content: center;
  margin: 0 50px;
  position: sticky;
  top: 0px;
  height: 650px;
}

.details .right {
  width: 60%;
  margin: 0 50px;
}

.details .left ul {
  width: 100%;
}

.details .left ul li {
  text-align: center;
  padding: 25px 0;
}

.details .left ul li img {
  width: 420px;
}

.details .left ul li:nth-child(2) {
  margin-top: -45px;
}

.details .left ul li:nth-child(3) {
  display: flex;
  justify-content: space-evenly;
}

.details .left ul li:nth-child(3) .pic {
  width: 50%;
}

.details .right h5 {
  color: orange;
}

.details .right h3 {
  font-size: 40px;
}

.details .right .text p {
  padding: 10px 0;
  font-size: 14px;
  color: #1d1d1f;
}

.details .right .equipment {
  border-top: 1px solid #d2d2d7;
  border-bottom: 1px solid #d2d2d7;
  padding: 30px 0;
  margin: 25px 0;
}

.details .right .equipment h4,
.details .right .equipment p {
  margin-bottom: 10px;
}

.details .right .equipment p {
  font-size: 14px;
}

.details .right .d1 {
  padding: 10px 0;
}

.details .right .d1 a {
  display: block;
  margin: 15px 0;
}

.details .right .d1 .dd1 {
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
}

/* .details .right .d1 .dd1.active{
  border: 3px solid #0071e3;
} */

.details .right .d1 .dd1 {
  display: flex;
  justify-content: space-between;
  border: 2px solid #d2d2d7;
}

.details .right .d1 .dd1 span:first-child{
  width: 70%;
}

.details .right .d1 .dd1 span:last-child{
  width: 30%;
  text-align: center;
}


.details .right .d1 .dd3 select {
  border-radius: 5px;
  width: 560px;
  height: 50px;
  padding: 0 20px;
  font-size: 20px;
}

.details .right h2 {
  margin: 5px 0;
}

.details .right .d1 .dd4 {
  border-radius: 10px;
  border: 3px solid #d2d2d7;
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.details .right .d1 .dd4 .dd5 {
  border-radius: 8px 0 0 8px;
  
}

.active{
  border: 3px solid #0071e3 !important;
}

.details .right .d1 .dd4 > div {
  width: 50%;
  height: 100px;
  line-height: 100px;
}

.details .right .d1 .dd4 .dd6 p {
  height: 25px;
  line-height: 80px;
}
.details .right .d1 .dd4 .dd6 p:first-child{
  font-weight: bold;
}
.details .right .d7 {
  display: flex;
  justify-content: space-around;
  background-color: #fbfbfd;
  padding: 10px 0;
}

.box_bottom {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #d2d2d7;
  position: fixed;
  right: 0px;
  bottom: 0px;
  background-color: #f5f5f7;
}

.box_bottom .box_main{
  width: 1180px;
  display: flex;
}

.box_bottom .left,
.box_bottom .center,
.box_bottom .right {
  display: flex;
  justify-content: space-evenly;
}

.box_bottom .left,
.box_bottom .center{
  width: 30%;
}

.box_bottom .right{
  width: 40%;
}

.box_bottom .left svg,
.box_bottom .center svg {
  margin-right: -90px;
}

.box_bottom .left .ul li:first-child {
  font-size: 14px;
  color: #1d1d1f;
}

.box_bottom .right ul li {
  text-align: start;
}

.box_bottom .right button {
  width: 100px;
  height: 40px;
  color: #fff;
  background-color: #0071e3;
  border: none;
  border-radius: 200px;
}
.foot-center {
  height: 680px;
}